/* 备忘录风格样式 */
.red-notes-header .red-notes-bar {
    position: relative;
    height: 30px;
    padding: 30px 0 0 0;  /* 增加底部内边距 */
    color: #f8c744;
    font-size: 17px;
}

.red-notes-bar:before {
    content: "";
    position: absolute;
    left: 0;
    top: 3px;
    height: 24px;
    line-height: 28px;
    padding-left: 24px;
    width: 120px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 24 24' fill='none' stroke='rgb(248, 199, 68)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

/* 添加新的标题样式 */
.red-notes-title {
    position: absolute;
    left: 24px;
    top: 3px;
    height: 24px;
    line-height: 28px;
    cursor: pointer;
}

/* 编辑输入框样式 */
.red-notes-edit-input {
    position: absolute;
    left: 24px;
    top: 3px;
    height: 24px;
    line-height: 24px;
    background: transparent;
    border: none;
    border-bottom: 1px solid #f8c744;
    color: #f8c744;
    font-size: 17px;
    outline: none;
    width: 120px;
}

.red-notes-bar:after {
    content: "";
    position: absolute;
    right: 0;
    top: 3px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(248, 199, 68)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpath d='M17 12h.01'%3E%3C/path%3E%3Cpath d='M12 12h.01'%3E%3C/path%3E%3Cpath d='M7 12h.01'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.red-notes-actions {
    position: absolute;
    right: 60px;
    top: 2px;
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgb(248, 199, 68)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v8a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-8'%3E%3C/path%3E%3Cpolyline points='16 6 12 2 8 6'%3E%3C/polyline%3E%3Cline x1='12' x2='12' y1='2' y2='15'%3E%3C/line%3E%3C/svg%3E");
    background-repeat: no-repeat;
}